.ccw {
  width: 100%;
  text-align: center;
  .clearfix {
    zoom: 1;
    clear:both;
  }
  .title {
    height: 70px;
    width: 100%;
    line-height: 70px;
    text-align: center;
    font-size: 25px;
  }
  .ccw-search-panel {
    width: 100%;
    width: 900px;
    min-height: 40px;
    margin: 0 auto;
    padding: 0 50px;
    .panel-top {
      display: flex;
      border: 1px solid #39c66a;
      box-sizing: border-box;
      span.s_pinpai, .s_buy {
        flex: 1;
        font-size: 16px;
        display: inline;
        height: 40px;
        color: #9f9f9f;
        text-align: center;
        line-height: 40px;
        background: url('./../../../images/ic_select_bottom.png') no-repeat;
        background-size: 20px 20px;
        background-color: #fff;
        background-position: 95% 10px;
      }
      .s_buy {
        border-left: 1px solid #ececec;
        font-size: 16px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        color: #9f9f9f;
        overflow: hidden;
        cursor: pointer;
        span {
          display: block;
          width: 78%;
          margin: 0 auto;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
    .panel-content {
      height: 300px;
      width: 100%;
      border-bottom: 1px solid #39c66a;
      border-left: 1px solid #39c66a;
      border-right: 1px solid #39c66a;
      position: relative;
      box-sizing: border-box;
      display: flex;
      .close {
        display: inline;
        width: 16px;
        height: 16px;
        background: url('./../../../images/ic_close.png') no-repeat center;
        cursor: pointer;
        z-index: 1000;
        position: absolute;
        right: 25px;
        top: 14px;
        line-height: 9999px;
        overflow: hidden;
      }
      .pinpaiL {
        height: 100%;
        flex: 2;
        position: relative;
        overflow-y: auto;
        .alphabet-list {
          display: inline;
          width: 50px;
          height: 100%;
          position: absolute;
          left: 0px;
          top: 0px;
          .up {
            float: left;
            display: inline;
            cursor: pointer;
            width: 45px;
            height: 30px;
            background: url('./../../../images/ic_arrow_top.png') no-repeat center;
            background-size: 16px 16px;
            background-color: #fff;
            position: absolute;
            top: 0px;
            left: 0px;
            line-height: 9999px;
            overflow: hidden;
            z-index: 9999;
          }
          .con {
            display: inline-block;
            width: 45px;
            overflow: hidden;
            position: absolute;
            top: 30px;
            bottom: 30px;
            left: 0;
            .con_list {
              display: inline-block;
              width: 45px;
              overflow: hidden;
              position: absolute;
              left: 0;
            }
            ul {
              list-style: none;
              li {
                display: block;
                width: 45px;
                height: 30px;
                line-height: 30px;
                font-size: 16px;
                color: #9f9f9f;
                font-family: Arial, Helvetica, sans-serif;
                text-align: center;
                cursor: pointer;
                a {
                  display: block;
                  width: 45px;
                  height: 30px;
                  line-height: 30px;
                  font-size: 16px;
                  color: #9f9f9f;
                  font-family: Arial, Helvetica, sans-serif;
                  text-align: center;
                }
              }
              li:hover {
                background: #39c66a;
                a {
                  color: #fff;
                }
              }
            }
          }
          .down {
            float: left;
            display: inline;
            cursor: pointer;
            width: 45px;
            height: 30px;
            background: url('./../../../images/ic_arrow_bottom.png') no-repeat center;
            background-size: 16px 16px;
            background-color: #fff;
            position: absolute;
            bottom: 0px;
            left: 0px;
            line-height: 9999px;
            overflow: hidden;
            z-index: 9999;
          }
        }

        .pingpai-list {
          position: absolute;
          left: 50px;
          right: 0;
          height: 100%;
          overflow: hidden;
          font-size: 16px;
          overflow-y: auto;
          ul {
            padding: 0;
            list-style: none;
            li {
              height: 45px;
              line-height: 45px;
              cursor: pointer;
              border-bottom: 1px dashed #e5e5e5;
              box-sizing: border-box;
              padding-left: 10px;
              a {
                display: block;
                text-align: left;
              }
              a:hover {
                color: #39c66a;
              }
            }
            li.active {
              a {
                color: #39c66a;
              }
            }
          }
        }
      }
      .pinpaiR {
        flex: 4;
        height: 100%;
        border-left: 1px solid #ececec;
        box-sizing: border-box;
        overflow: hidden;
        overflow-y: auto;
        ul {
          padding: 0 30px 0 30px;
          list-style: none;
          li:last-child {
            margin-bottom: 10px;
          }
          li {
            display: block;
            border-bottom: 1px dashed #e5e5e5;
            strong {
              display: block;
              font-size: 14px;
              color: #9f9f9f;
              line-height: 40px;
            }
            
            .pingpai-title {
              height: 40px;
              line-height: 40px;
              text-align: left;
              color: #666;
              display: block;
            }
            .p-list {
              display: block;
              text-align: left;
              font-size: 16px;
              a {
                text-decoration: none;
                display:inline-table;
                height: 42px;
                line-height: 42px;
                border: 1px solid #dfdfdf;
                padding: 0 13px;
                color: #4a4a4a;
                margin: 0 20px 15px 0;
                white-space: nowrap;
                cursor: pointer;
              }
              a:hover {
                border-color: #39c66a;
              }
              a.active {
                border-color: #39c66a;
              }
            }
          }
        }
      }
    }

    .panel-content {
      .buy_time {
        display: block;
        padding-left: 45px;
        p {
          display: block;
          height: 225px;
          overflow: hidden;
          overflow-y: auto;
          a {
            float: left;
            display: inline;
            border: 1px solid #dfdfdf;
            text-decoration: none;
            text-align: center;
            margin: 0 25px 25px 0;
            color: #4a4a4a;
            font-size: 14px;
            width: 84px;
            height: 42px;
            line-height: 42px;
            cursor: pointer;
          }
          a:hover {
            border-color: #39c66a;
          }
          a.active {
            border-color: #39c66a;
          }
        }
      }
      .buy_time h4 {
        color: #39c66a;
        font-size: 16px;
        display: block;
        font-weight: normal;
        height: 75px;
        line-height: 75px;
        text-align: left;
      }
    }

    .panel-content {
      .gujia_layer {
        display: block;
        width: 100%;
        height: 42px;
      }
      .simple_list {
        display: block;
        width: 100%;
      }
      .gujia_layer_top {
        display: block;
        height: 42px;
        line-height: 42px;
        color: #9f9f9f;
        background: #f7f7f7;
        padding-left: 50px;
        position: relative;
        text-align: left;
        .n_kuan_box {
          float: left;
          display: inline;
          width: 400px;
          position: relative;
          .n_kuan {
            float: left;
            display: inline;
            width: 370px;
            position: relative;
            overflow: hidden;
            height: 42px;
            ul {
              float: left;
              display: inline;
              position: absolute;
              left: 0px;
              top: 0px;
              li.current {
                color: #39c66a;
              }
              li {
                float: left;
                display: inline;
                width: 53px;
                margin-right: 50px;
                cursor: pointer;
              }
            }
          }
        }
      }
      .select_cx {
        padding: 0;
        overflow: hidden;
        overflow-y: auto;
        width: 100%;
        height: 250px;
        h4 {
          color: #39c66a;
          font-size: 16px;
          display: block;
          font-weight: normal;
          height: 39px;
          line-height: 39px;
          text-align: left;
          border-bottom: 1px dashed #eee;
          padding: 0 30px;
        }
        .cx_newP {
          display: flex;
          background: #fff;
          line-height: 30px;
          padding: 0 30px;
          p {
            flex: 1;
            text-align: left;
            font-size: 14px;
            color: #39c66a;
            height: 30px;
            b {
              float: right;
              display: inline;
              font-size: 14px;
              font-weight: normal;
              margin-right: 54px;
            }
          }
        }
        .cx-list {
          height: 180px;
          display: flex;
          padding: 0 30px;
          ul {
            height: 180px;
            list-style: none;
            flex: 1;
            li {
              display: flex;
              font-size: 14px;
              color: #4a4a4a;
              line-height: 24px;
              margin-bottom: 6px;
              span {
                display: inline;
                font-size: 13px;
                height: 20px;
                width: 77px;
                text-align: left;
                line-height: 24px;
                margin-right: 20px;
                cursor: default;
              }
              a {
                color: #4a4a4a;
                flex: 1;
                display: block;
                text-align: left;
                cursor: pointer;
                overflow: hidden;
                padding-right: 10px;
                white-space: nowrap;
                text-overflow: ellipsis;
              }
              a:hover {
                color: #39c66a;
              }
              a.selected {
                color: #39c66a;
              }
            }
          }
        }
      }
    }

    .panel-content {
      .price {
        h4 {
          font-size: 18px;
          white-space: nowrap;
          text-align: center;
          color: #4a4a4a;
          height: 60px;
          line-height: 60px;
          span {
            font-size: 18px;
            color: #4a4a4a;
            height: 60px;
            float: none;
          }
          a {
            font-size: 14px;
            color: #39c66a;
            display: inline;
            margin-left: 25px;
            cursor: pointer;
          }
        }
        ul {
          width: 432px;
          margin: 0 auto;
          list-style: none;
          .bg_angle {
            background: url('./../../../images/ic_arrow_bottom.png') no-repeat right;
            background-size: 18px 18px;
            background-color: #fff;
            background-position: 97% 8px;
          }
          li.bor_red {
            border: 1px solid #c00;
          }
          li {
            width: 428px;
            height: 38px;
            text-align: center;
            font-size: 14px;
            line-height: 38px;
            color: #9f9f9f;
            margin-bottom: 15px;
            border: 1px solid #dfdfdf;
            position: relative;
            i {
              display: block;
              cursor: pointer;
              font-size: 14px;
              font-style: normal;
              color: #777;
            }
            span {
              float: right;
              display: inline;
              font-size: 14px;
              color: #9f9f9f;
              padding-right: 10px;
              height: 39px;
              text-align: center;
              line-height: 41px;
              position: absolute;
              right: 8px;
              top: 0px;
            }
            input.lcs {
              width: 300px;
              margin: 0 auto;
              height: 30px;
              line-height: 30px;
              text-align: center;
              color: #9f9f9f;
              border: none;
              outline: none;
              cursor: pointer;
            }

            .provice, .sp_time {
              width: 428px;
              position: absolute;
              top: 39px;
              left: -1px;
              border: 1px solid #39c66a;
              background: #fff;
              height: 322px;
              color: #9f9f9f;
              h4 {
                display: block;
                height: 50px;
                text-align: left;
                font-size: 14px;
                line-height: 50px;
                padding-left: 30px;
              }
              p {
                display: block;
                width: 398px;
                padding-left: 30px;
                border-top: 1px solid #ececec;
                height: 270px;
                overflow: hidden;
                overflow-y: auto;
                a {
                  float: left;
                  display: inline-block;
                  white-space: nowrap;
                  margin-right: 40px;
                  height: 38px;
                  line-height: 38px;
                  cursor: pointer;
                }
                a:hover {
                  color: #39c66a;
                }
                a.selected {
                  color: #39c66a;
                }
              }
            }
            .sp_time {
              height: 200px;
            }
          }
        }
      }
    }

  }
}